﻿<!DOCTYPE html>
<html>
<head>
<style>
.nav
{
    list-style-type:none;
    margin:0;
    padding:0;
    overflow:hidden;
}
.nav li
{
    float:left;
}
.nav a:link,.nav a:visited
{
    display:block;
    width:120px;
    font-size: 1.3em;
    font-weight:bold;
    color:#FFFFFF;
    background-color:#98bf21;
    text-align:center;
    padding:4px;
    text-decoration:none;
    text-transform:uppercase;
}
.nav a:hover,.nav a:active
{
    background-color:#7A991A;
}

</style>
</head>
<body>
<ul class="nav">
<li><a href="index.php">Home</a></li>
<li><a href="#tabs-1">Hello</a></li>
<li><a href="#tabs-2">Form</a></li>
<li><a href="#tabs-3">Regex</a></li>
<li><a href="#tabs-4">MySQL</a></li>
</ul>
</body>
</html>